<template>
  <div class="container bg2" style="height: 1540rpx">
    <div class="title">
      <h2>优质课程 培养优秀影视紧缺人才</h2>
      <p class="f-title">根据市场行业用人需求，制定<br />专业的课程教案</p>
    </div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <div class="more-btn">查看更多课程大纲</div>
  </div>
</template>
<script setup></script>
<style lang="scss" scoped>
ul {
  width: 100%;
  padding: 20rpx;
  box-sizing: border-box;
  li {
    margin: 0 18rpx 30rpx;
    width: 680rpx;
    height: 330rpx;
  }
  li:nth-child(1) {
    background: url(@/assets/course/p7-l1.jpg) no-repeat center;
    background-size: 680rpx 330rpx;
  }
  li:nth-child(2) {
    background: url(@/assets/course/p7-l2.jpg) no-repeat center;
    background-size: 680rpx 330rpx;
  }
  li:nth-child(3) {
    background: url(@/assets/course/p7-l3.jpg) no-repeat center;
    background-size: 680rpx 330rpx;
  }
}
</style>
